<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="../../js/jquery.js" type="text/javascript"></script>
    <style type="text/css">
        .style1 {
            width: 50%;
        }
    </style>
    <script language="javascript" type="text/javascript">
        $(function () {
            //隔行显示奇数行背景颜色（#eeeeee），偶数行颜色（#999999）
            //$("#tb>tbody>tr:odd").css("background-color", "#eeeeee");
            //$("#tb>tbody>tr:even").css("background-color", "#999999");
            $("#tb>tbody>tr:odd").css("background-color", "#abf3e4");
            $("#tb>tbody>tr:even").css("background-color", "#46e7bf");
			
			$(function(){
				$('#chkAll').click(function(){
					$('#tb :checkbox').prop('checked',$(this).prop('checked'))
				})
			})
        })
    </script>
</head>
<body>
    <div style="background-color:Green"></div>
    <div>
        <input id="chkAll" type="checkbox" />全选
    </div>
    <div>
        <table id="tb" class="style1">
            <tbody>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" id="chkid" bg="red" />
                    </td>
                    <td>
                        ADC
                    </td>
                    <td>
                        金克斯
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        辅助
                    </td>
                    <td>
                        布隆
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        法师
                    </td>
                    <td>
                        安妮
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        上单
                    </td>
                    <td>
                        螃蟹
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        打野
                    </td>
                    <td>
                        盲僧
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
